// 利用插件 按下 rcc 快速生成代码片段
import React, { Component } from 'react' // 17版本的react以后不引入 React 也不会报错了

// 定义 Child 类式组件 => 孙子组件
class Child extends Component { 
    render() { 
        return (
            <div>
                child
            </div>
        )
    }
}

// 定义 Navbar 类式组件
class Navbar extends Component {
    render() {
        return (
            <div>
                navbar
            <Child></Child>
            </div>
        )
    }
}

// 定义 Swiper 函数式组件
function Swiper() {
    return (
        <div>swiper</div>
    )
}

// 使用箭头函数定义 Tabbar 组件
const Tabbar = () => <div>tabbar</div>

export default class App extends Component {
    render() {
        return (
            <div>
                <Navbar></Navbar>

                <Swiper></Swiper>

                <Tabbar></Tabbar>
            </div>
        )
    }
}
